/*
  学习目标：创建class组件 和使用类组件
*/

import React from 'react';
import ReactDOM from 'react-dom';

// 创建class 组件
/* 
语法:
  💥 class 是关键字, 写死
  💥 extends 是关键字, 写死
  💥 React.Component, 写死
  class 组件名 extends React.Component {

    // 注意: 💥 render函数表示渲染什么内容, 不能省略, 否则报错
    render(){
      return JSX或者null
    }

  }
*/
class Hello extends React.Component {
  render() {
    return <h1>hello React</h1>;
    // return null;
  }
}
// 使用组件
// 使用上和函数式组件没有任何区别, 区分大小写
const divNode = (
  <>
    <Hello></Hello>
  </>
);

ReactDOM.render(divNode, document.getElementById('root'));
